<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li>第 1 个标签</li>
			<li>第 2 个标签</li>
			<li>第 3 个标签</li>
			<li>第 4 个标签</li>
			<li>第 5 个标签</li>
		</ul>
	</body>
</html>

<style type="text/css">
	li {width: 100px;height: 50px;line-height: 50px;}
	/* 用两种方式选择第一个li标签,分别设置字体颜色为红色,斜体 */
	li:nth-child(1) {
		color: red;
	}
	li:first-child {
		font-style: italic;
	}
	
	/* 用两种方式选择最后一个li标签,分别设置字体颜色为白色,背景颜色为灰色 */
	/*li:nth-child(5) {
		color: #fff;
	}*/
	/* 意思跟nth-child一样,不过是倒数 */
	li:nth-last-child(1) {
		color: #FFF;
	}
	li:last-child{
		background: gray;
	}
	
</style>
